<template>
	<view class="bg" :style="'min-height:'+windowHeight+'px'">
			<view class="bg__content">
				<Tips ref="tips"/>
				<u-notice-bar v-if="noticeText" :text="noticeText" mode="closable"></u-notice-bar>
				<view class="bg__content__first">
					<view class="bg__content__first__1">
						MBTI性格测试
					</view>
					<!-- <view class="bg__content__first__2">
					
					</view> -->
					<view class="bg__content__first__3">
						MBTI职业性格测试就像个超级侦探，能轻松挖出你的性格特点和兴趣爱好，然后像你的贴心小助手一样，帮你规划职业，还能像和事佬那样改善你的人际关系呢！赶快开始你的测试之旅吧！			
					</view>
				</view>
				<view class="bg__content__second">
					<navigator  target="miniProgram" app-id="wx12e2222c0b29ed16" open-type="navigate"  version="develop" class="item" >
						<view class="bg__content__second__item" style="height:120rpx">
							<view class="bg__content__second__item__text" >
								免费多人共享记账小程序，3秒快速记账，100万人都在用的记账助手,点击赶快来用吧！
							</view>
						</view>
					</navigator>
					<view class="bg__content__second__item" @click="submit(1)">
						<view class="bg__content__second__item__left">
							<image src="../../static/INTP.png"></image>
						</view>
						<view class="bg__content__second__item__right">
							<view class="bg__content__second__item__right__top">体验版(28题)</view>
							<view class="bg__content__second__item__right__bottom">一份简短的测试，可以帮助您快速了解自己的个性特点和倾向</view>
						</view>
					</view>
					<view class="bg__content__second__item" @click="submit(2)">
						<view class="bg__content__second__item__left">
							<image src="../../static/ISFP.png"></image>
						</view>
						<view class="bg__content__second__item__right">
							<view class="bg__content__second__item__right__top">通用版(48题)</view>
							<view class="bg__content__second__item__right__bottom">更加详细的测试，从认知方式到人际交往风格测出您的个性特点</view>
						</view>
					</view>
					<view class="bg__content__second__item" @click="submit(3)">
						<view class="bg__content__second__item__left">
							<image src="../../static/ESFJ.png"></image>
						</view>
						<view class="bg__content__second__item__right">
							<view class="bg__content__second__item__right__top">完整版(93题)</view>
							<view class="bg__content__second__item__right__bottom">全面的测试，包含更多问题，可以更全面了解自己的性格特征</view>
						</view>
					</view>
				</view>
			</view>
	</view>
</template>

<script>
	import Tips from '../../components/S-Tips/Tips.vue'
	import unils from "../../unils/utils.js"
	import config from "../../common/config.js"
	export default {
		components:{
		    Tips
		},
		data() {
			return {
				windowHeight:600,
				data:"",
				noticeText:'',
				
			}
		},
		onHide(){
			// 如需隐藏可调用closeTips
		    this.$refs.tips.closeTips()
		    console.log('触发了onHide事件')
		},
		onLoad() {
			var systemInfo = uni.getSystemInfoSync();
			this.windowHeight = systemInfo.windowHeight;
			
			// this.initData();
			
			
		},
		onShareAppMessage(res) {
		    if (res.from === 'button') {// 来自页面内分享按钮
			  // console.log(res);
		      // console.log(res.target)
		    }
			
			return {
			  title: 'MBTI人格测试,赶快开始你的测试之旅吧',
			  path: '/pages/index/index',
			}
			
		
		    
		  },
		  onShareTimeline(res) {
		  	var shareReturn = {
		  		title: "MBTI人格测试,赶快开始你的测试之旅吧！",
		  		// query: "id=" + this.id, 
		  	}
		  	// if(!unils.stringIsEmpty(this.shareImageUrl)){
		  	// 	shareReturn['imageUrl'] = this.shareImageUrl;
		  	// }
		  	return shareReturn;
		  },
		methods: {
			submit:function(num){
				uni.navigateTo({
					url:"/pages/index/dati?num="+num,
				})
			},
			initData:function(){
				var that = this;
				// console.log('dddddddddddddddddddddd');
				
				var params = {};
				that.$http('xgcs.list', params).then(res => {
					if(res.code == 1){
						
					} else if(res.code == 99){
						// console.log('ddddddddddddd');
						
					} else {
					}
				});
			}
		}
	}
</script>

<style lang="scss">
	@import "css/index.scss";
</style>